<script setup>
import AppHeader from './header/index.vue'
import Menu from './menu/index.vue'
</script>

<template>
  <div class="wh-full">
    <header class="app-header">
      <AppHeader />
    </header>
    <main class="app-content wh-full">
      <AppPage full :main-style="{ marginTop: '20px' }">
        <div class="main-area flex">
          <Menu class="max-w-180 min-w-180" />
          <slot />
        </div>
      </AppPage>
    </main>
  </div>
</template>

<style scoped>
.app-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 60px;
}
.app-content {
  padding-top: 60px;
}
</style>
